import {StyleSheet} from "react-native";

const styles = StyleSheet.create({
    container: {
        flex: 1,
    },
    profileWrapper: {
        paddingHorizontal: 15,
        paddingTop: 5,
        paddingBottom: 5,
    },
    profileSection: {
        flexDirection: "row",
        alignItems: "center",
        borderRadius: 12,
        padding: 15,
        elevation: 1,
        shadowOffset: { width: 0, height: 1 },
        shadowOpacity: 0.05,
        shadowRadius: 4,
    },
    avatar: {
        width: 60,
        height: 60,
        borderRadius: 30,
        marginRight: 15,
    },
    profileText: {
        flex: 1,
    },
    username: {
        fontSize: 18,
        fontWeight: "600",
    },
    userId: {
        fontSize: 13,
        marginTop: 2,
    },
    actionsContainer: {
        flexDirection: "row",
        alignItems: "center",
    },
    actionButton: {
        marginLeft: 15,
    },
});

export default styles;